@charset "UTF-8";
@import "base.css";

body{ background:#f6f6f6; }

.header { background:#fff; border-bottom:1px dotted #999; }
.header .title { padding:5px; line-height: 24px; font-size:18px; font-weight:bold; text-align: center; }

.layout { margin:0 5px; }

.tabs .tab{ float:left; margin-right:5px; padding:0 15px; line-height:30px;
	background:#f9f9f9; border:1px dotted #ccc; border-radius:5px; cursor:pointer; }
.tabs .tab.active { background:#0b5ad3; border-color:#0b5ad3; color:#fff; font-weight:bold; }

.panel { margin-top:10px; }
.panel-title{ margin:0 5px; padding:5px 8px; background:#fff; font-size:14px; font-weight:bold; border:1px dotted #ccc; }
.panel-cont{ margin:0 5px; height:220px; background:#fff; border:1px dotted #ccc; }
.panel-grid .panel-cont { height:280px; border:0; }
.panel-tabs .tabs { padding:10px 0 5px 10px; height:30px; }
.panel-tabs .panel-body { display:none; }

.chart-wrap{ height:100%; border-radius:6px;}
.chart-wrap .chartDiv{ height:100%; }

.updateTime{ text-align: center; }

.fullBody{ margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden; }

/* loading style =========================================================================================== */
#loading {
  	background: radial-gradient(#999, #666, #333); /* 标准的语法 */
	width: 100%; height: 100%; position: fixed; top: 0px; z-index: 999;
}
#loading-center{ width: 100%; height: 100%; position: relative; }
#loading-center-absolute {
	width: 200px; height: 200px;
	margin-top: -100px; margin-left: -100px;
	position: absolute; top: 50%; left: 50%;
	-ms-transform: rotate(-135deg); 
   	-webkit-transform: rotate(-135deg); 
    transform: rotate(-135deg);

}
.object{
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #FFF;
	border-right: 5px solid transparent;
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;	
}
#object_one{ width:50px; height:50px; top:75px; left:75px; }
#object_two{ width:70px; height:70px; top:65px; left:65px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
#object_three{ width:90px; height:90px; top:55px; left:55px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
#object_four{ width:110px; height:110px; top:45px; left:45px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

@-webkit-keyframes animate {
	50% {
		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	}
}
@keyframes animate {
	50% {
		-ms-transform: rotate(360deg) scale(0.8); 
		-webkit-transform: rotate(360deg) scale(0.8); 
		transform: rotate(360deg) scale(0.8); 
	}
}
/* loading =========================================================================================== */

/* common =========================================================================================== */
.contextmenu{ padding:2px; width:120px; background:#f1f1f1 url('../images/contextmenu-bg.png') repeat-y left; border:1px solid #979797; box-shadow: 2px 2px 2px #888; position:absolute; z-index:99; }
.contextmenu .item .link{ display:block; padding-left:30px; }
.contextmenu .item .link:hover{ background:#ccc; }

.maskDiv{ display:nones; background:#000; opacity:0.6; width:100%; height:100%; position:absolute; z-index:6; top:0; left:0; }

.customWindow{ width:90%; height:80%; background:#eee;
	border:3px solid #555; box-shadow:5px 5px 10px #000;
	position:fixed; left:5%; top:10%; z-index:9; }
.customWindow .wd-close{ display:none; width:32px; height:32px; background:#f00; border:3px solid #333; border-radius:50%;
	text-align:center; line-height:26px; font-size:32px; font-weight:bold; color:#fff;
	position:absolute; top:-30px; right:-30px; cursor:pointer; }
.customWindow .wd-cont{ width:100%; height:100%; }
@keyframes customWindowOn{
	from { width:0%; height:0%; left:50%; top:50%; }
	to { width:90%; height:80%; left:5%; top:10%; }
}
.customWindowOn.customWindowOn{ animation: customWindowOn .5s; }

.chartLegend li{ float:left; margin-right:15px; }
.chartLegend li *{ float:left; }
.chartLegend li i{ display:block; margin:2px 0 0 5px; width:80px; height:17px; background:#ccc; }
/* common end =========================================================================================== */

.search-bi { margin:3px; padding:3px; background:#f8f8f8; border:1px solid #aaa; }
.search-bi .c { padding-bottom:5px; border-bottom: 1px dotted #aaa; }
.search-bi .c:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.search-bi .c .t{ display:block; float:left; padding:0 5px 0 10px; }
.search-bi .b { text-align: center; padding:5px 0 2px; }

.grid-chart *{ font-size:14px; }
.grid-chart .panel{ float:left; }
.grid-chart .panel-grid { width:35%; }
.grid-chart .panel-grid .panel-cont { height:501px; }
.grid-chart .panel-chart { width:65%; }
.grid-chart .panel-chart .panel-cont { height:500px; }
.grid-chart .mini-grid-headerCell-inner{ line-height:36px; font-size:14px; }
.grid-chart .mini-grid-cell-inner{ line-height:30px; }

.panel-grid .mini-grid .mini-panel-border,
.panel-grid .mini-grid-pager { border:0; }
.panel-grid .mini-grid-cell ,
.panel-grid .mini-grid-headerCell,
.panel-grid .mini-grid-headerCell-inner{ border:0; }
.mini-datagrid *{ font-family: arial; }

.mini-grid a.link { color:#006fdf; text-decoration:underline; }
.mini-grid a.link:hover { color:#f30; }

.page-title{ padding:5px; text-align: center; line-height: 20px; font-size:18px; }

/* reset mini style */
.mini-grid .mini-panel-border, .mini-grid-pager{ border-color:#bbb; }
body .mini-grid-headerCell{ background:#f2f2f2; line-height:30px; border-color:#bbb; }
body .mini-grid-headerCell-inner{ font-size:12px; font-weight:bold; color:#666; }